<template>
    <div class="popper">
        <div class="ref-wrapper">
            <slot name="reference"></slot>
        </div>
        <div id="tip" class="popper-wrapper">
            <div class="popper-arrow"></div>
            <div class="popper-content">
                <slot name="content"></slot>
                <div v-if="content" class="standard-content">{{content}}</div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "popper",
        data: function () {
            return {};
        },
        props: {
            content: {
                type: String
            },
        },
        methods: {}
    };
</script>

<style scoped>
    @import "../../assets/styles/popper.css";
</style>